<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
selection_test(
  '<div contenteditable dir="ltr">|Lorem <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">^L|orem <div dir="ltr">ipsum dolor sit</div> amet</div>',
  '9-0 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">L|orem <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">L^o|rem <div dir="ltr">ipsum dolor sit</div> amet</div>',
  '9-1 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lo|rem <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lo^r|em <div dir="ltr">ipsum dolor sit</div> amet</div>',
  '9-2 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lor|em <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lor^e|m <div dir="ltr">ipsum dolor sit</div> amet</div>',
  '9-3 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lore|m <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lore^m| <div dir="ltr">ipsum dolor sit</div> amet</div>',
  '9-4 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem| <div  dir="ltr">ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem ^<div dir="ltr">|ipsum dolor sit</div> amet</div>',
  '9-5 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">|ipsum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">^i|psum dolor sit</div> amet</div>',
  '9-6 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">i|psum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">i^p|sum dolor sit</div> amet</div>',
  '9-7 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ip|sum dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ip^s|um dolor sit</div> amet</div>',
  '9-8 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ips|um dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ips^u|m dolor sit</div> amet</div>',
  '9-9 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsu|m dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsu^m| dolor sit</div> amet</div>',
  '9-10 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum| dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum^ |dolor sit</div> amet</div>',
  '9-11 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum |dolor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum ^d|olor sit</div> amet</div>',
  '9-12 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum d|olor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum d^o|lor sit</div> amet</div>',
  '9-13 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum do|lor sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum do^l|or sit</div> amet</div>',
  '9-14 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dol|or sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dol^o|r sit</div> amet</div>',
  '9-15 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolo|r sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolo^r| sit</div> amet</div>',
  '9-16 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor| sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor^ |sit</div> amet</div>',
  '9-17 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor |sit</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor ^s|it</div> amet</div>',
  '9-18 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor s|it</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor s^i|t</div> amet</div>',
  '9-19 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor si|t</div> amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor si^t|</div> amet</div>',
  '9-20 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor sit</div>| amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor sit</div> ^a|met</div>',
  '9-21 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor sit</div> |amet</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor sit</div> ^a|met</div>',
  '9-22 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor sit</div> a|met</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor sit</div> a^m|et</div>',
  '9-23 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor sit</div> am|et</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor sit</div> am^e|t</div>',
  '9-24 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor sit</div> ame|t</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor sit</div> ame^t|</div>',
  '9-25 ltr right character');

selection_test(
  '<div contenteditable dir="ltr">Lorem <div  dir="ltr">ipsum dolor sit</div> amet|</div>',
  selection => selection.modify('extend', 'right', 'character'),
  '<div contenteditable dir="ltr">Lorem <div dir="ltr">ipsum dolor sit</div> amet|</div>',
  '9-26 ltr right character');
</script>
